// 基础路由
<template>
    <div>
        <h3>about</h3>

        <!-- 存在页面刷新 -->
        <a href="/">a链接</a>
        <br />
        <!-- router-link 客户端渲染，就是 vue-router 的 router-link,使用方式相同 -->
        <router-link to="/">router-link</router-link>
        <br />
        <button @click="clickHandler">js 跳转</button>

    </div>
</template>
<script>
export default {
    name:'about',
    methods:{
        clickHandler(){
            // $router 和 vue-router 的使用方式相同
            this.$router.push('/')  
        }
    }
}
</script>